<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
         a {
            font-size: 12px;
        }

        p {
            width: 500px;
            border: 1px solid #e1e1e1;
        }

        p{
            white-space:normal
        }

        p.wb
        {
        width:11em; 
        border:1px solid #000000;
        word-break:hyphenate;
        }

        p.wb1
        {
        width:11em; 
        border:1px solid #000000;
        word-break:break-all;
        }

        p.ww
        {
        width:11em; 
        border:1px solid #000000;
        word-wrap:break-word;
        }

        p.spread {word-spacing: 30px;}
        p.tight {word-spacing: -0.5em;}

        h1 {letter-spacing: -0.5em}
        h5 {letter-spacing: 20px}
    </style>
</head>
<body>
    <h3>white-space</h3>
    <ul>      
        <li>
            <h4>规定段落中的文本不进行换行</h4>
            <p>
                我和你吻别，
                在无人的街，
                能不能让我陪着你走，
                担心你一个人走，
                就这样被你征服。
            </p>
        </li>
    </ul>
    <h3>word-break</h3>
    <ul>
        <li>
            <h4>在恰当的断字点进行换行</h4>
            <p class="wb">This is a veryveryveryveryveryveryveryveryveryvery long wordwordwordwordwordwordwordword.</p>
            <p class="wb1">This is a veryveryveryveryveryveryveryveryveryvery long wordwordwordwordwordwordwordword.</p>
        </li>
    </ul>
    <h3>word-wrap</h3>
    <ul>
        <li>
            <h4>允许长单词换行到下一行</h4>
            <p class="ww">
                I am a veryveryveryveryveryveryveryveryveryvery handsomehandsomehandsomehandsome man: haha Don't envy me</p>
        </li>
    </ul>
    <h3>word-spacing</h3>
    <ul>
        <li>
            <h4>规定段落中的字间距是 25 像素</h4>
            <p class="spread">This is some text. This is some text.</p>
            <p class="tight">This is some text. This is some text.</p>
        </li>
    </ul>
    <h3>letter-spacing</h3>
    <ul>
        <li>
            <h4>设置 h1 和 h2 元素的字母间距</h4>
            <P>
                <h1>This is header 1</h1>
                <h5>This is header 5</h5>
        </P>
        </li>
    </ul>
</body>
</html>